html,
body {
    width: 100%;
    height: 100%;
}

.container {
    width: 100%;
    height: 100%;
    position: relative;
}

.container>img {
    width: 100%;
    height: 100%;
}

/* 输入框 */
form {
    display: flex;
}

#text {
    outline: none;
    width: 15%;
    position: absolute;
    border-top: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 2px rgb(239, 180, 71) solid;
    background: transparent;
    left: 42%;
    top: 12%;
    margin-top: 0px;
}

input {
    outline: none;
    width: 250px;
    margin-top: 20px;
    height: auto;
    border-top: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 2px rgb(239, 180, 71) solid;
    background: transparent;
    font-style: italic;
    font-size: 20px;
}

form>span {
    position: absolute;
    top: 10%;
    cursor: pointer;

}

#add {
    font-size: 30px;
    left: 58%;

}

#del {
    font-size: 30px;
    left: 61%;
}

/* 任务栏 */
#prepare {
    position: absolute;
    top: 35%;
    left: 20%;
    width: 250px;
    height: 400px;


}

#prepare>img {
    width: 100%;
    height: 100%;
    position: absolute;
}

#pass {
    
    width: 250px;
    height: 400px;
    position: absolute;
    top: 35%;
    left: 65%;
}

#prepare>div {
    display: flex;
    position: relative;
}

#prepare>div>span {
    position: absolute;
    top: 50%;
    left: 90%;
    cursor: pointer;
    font-size: 20px;
}

#prepare>div>.add2 {
    left: 80%
}

#pass>div>span {
    position: absolute;
    top: 50%;
    left: 90%;
    cursor: pointer;
    font-size: 20px;
}

#pass>div {
    display: flex;
    position: relative;
}

#pass>div>.add2 {
    left: 80%
}

#pass>img {
    width: 100%;
    height: 100%;
    position: absolute;
}

/* 字体图标 */
.icon-tianjia:hover {
    color: aquamarine;
}

.icon-xieru:hover {
    color: rgb(127, 255, 176);
}

.icon-icon-resv-cancel-nor:hover {
    color: red;
    
}
/* 查找内容 */
#find {
    outline: none;
    width: 15%;
    position: absolute;
    border-top: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 2px rgb(239, 180, 71) solid;
    background: transparent;
    left: 42%;
    top: 32%;
    margin-top: 0px;
}
.prepare>div>div{
    /* outline: none; */
    width: 250px;
    margin-top: 20px;
    height: 50px;
    border-top: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 2px rgb(239, 180, 71) solid;
    background: transparent;
    font-style: italic;
    font-size: 20px;
}
